<!DOCTYPE HTML>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib tagdir="/WEB-INF/tags" prefix="soundscape" %>

<html lang="en">
	<head>
		<title>SoundScape ${version}</title>

		<link href="${relativeContext}css/ss.min.css" type="text/css" rel="stylesheet" />
		<link href="${relativeContext}css/list.min.css" type="text/css" rel="stylesheet" />

		<script type="text/javascript" src="${relativeContext}js/jquery.min.js"></script>
	</head>

	<body>
		<soundscape:titlebar />
	    
		<div id="theContents">
	        <c:forEach items="${currentView}" var="album" varStatus="loopy">
	            <div class="albuminfo">
	                <a href="${relativeContext}catalog/album/${album.artistRest}/${album.year}/${album.albumRest}"><img src="${album.thumb}" class="thumbnail" /></a>
	                
                    <div class="details">
                    	<div class="artistName"><a href="${relativeContext}catalog/artist/${album.artistRest}" class="artistLink">${album.artist}</a></div>
	                    <div class="sexy">&quot;<a href="${relativeContext}catalog/album/${album.artistRest}/${album.year}/${album.albumRest}" class="albumName">${album.album}</a>&quot;</div>
						<div class="year"><a href="${relativeContext}catalog/year/${album.year}" class="whiteLink">${album.year}</a></div>
                    </div>
	            </div>
			</c:forEach>
		</div>
	</body>
</html>